@keyframes showPopup {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
		@keyframes hidePopup {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
			}
		}
		@keyframes showLayer {
			0% {
				transform: translateY(0);
			}
			100% {
				transform: translateY(-100%);
			}
		}
		@keyframes hideLayer {
			0% {
				transform: translateY(-100%);
			}
			100% {
				transform: translateY(0);
			}
		}
		.pop{
			display: none;
			&.show {
				display: block;
				.mask{
					animation: showPopup 0.2s linear both;
				}
				.layer {
					animation: showLayer 0.2s linear both;
				}
				.layerCenter {
					animation: showPopup 0.2s linear both;
				}
			}
			&.hide {
				display: block;
				.mask{
					animation: hidePopup 0.2s linear both;
				}
				
				.layer {
					animation: hideLayer 0.2s linear both;
				}
				.layerCenter {
					animation: hidePopup 0.2s linear both;
				}
			}
			&.none {
				display: none;
			}
			.mask{
				background-color: rgba(0,0,0,.5);
				position: fixed;
				width: 100%;
				height: 100%;
				top:0;
				z-index: 1001;
			}
			.layer{
				width: 100%;
				max-height: calc(100% - 150rpx);
				position: fixed;
				z-index: 1002;
				padding: 0 30rpx;
				top: 100%;
				background-color: #fff;
				.list{
					width: 100%;
					margin:10upx 0 30upx 0;
					overflow: auto;
					.list-cell{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: 90rpx;
						color: #999;
						border-bottom: solid 2rpx #999;
						.checkbox{
							width: 40rpx;
							height: 40rpx;
							margin-right: 30rpx;
							line-height: 40rpx;
							text-align: center;
							border: solid 2rpx;
							border-radius: 12rpx;
						}
						&.checked{
							.checkbox{
								background-image: url('');
								background-size: 40rpx;
							}
							.text{
								color: #469454;
							}
						}
						
					}
				}
		
				.h1{
					width: 100%;
					height: 80rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 34upx;
				}
				.btnsbox{
					margin-bottom: 40rpx;
					.btn{
						width: 48%;
						height: 80rpx;
						line-height: 80rpx;
					}
				}
				&.maxHeight{
					height: calc(100% - 150rpx);
					.list{
						height: calc(100% - 240rpx);
					}
				}
			}
		}
		/***end*/